<template>
  <!-- 模板内容：只能有一个div  -->
  <div>
    <!-- 搜索框插槽 -->
    <van-search
      show-action
      placeholder="斗破苍穹"
      background="#eee"
    >
      <template #action>
        <div  background="#fff" >书城</div>
      </template>
    </van-search>
  </div>
</template>

<script>
export default {
  name: "Search",
  props: {}, //父传子
};
</script>

<style scoped>
/* css样式 */
.body {
  background: #eee;
}
</style>